.commitpage {
    width: 100%;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    @include bg-image("../image/smBg");
    background: rgba(247, 250, 255, 1);

    @keyframes moveUpDown {

        0%,
        100% {
            transform: translateY(0);
        }

        50% {
            transform: translateY(20px);
        }
    }

    .commitpage-robot {
        width: 440px;
        height: 375px;
        position: absolute;
        left: calc(50% - 220px);
        top: 100px;
        @include bg-image("../image/bigRobot");
        transform-origin: 100% 100%;
        -webkit-transform-origin: 100% 100%;
        animation: moveUpDown 2s infinite;
    }

    .commitpage-word-box {
        width: 560px;
        height: 100px;
        background: #FFFFFF;
        border-radius: 16px;
        font-size: 32px;
        margin: 0 auto;
        margin-top: 470px;
        @include wechat-font-family();
        font-weight: 500;
        color: #363636;

        .commitpage-word {
            height: 100px;
            margin: 0 auto;
            width: 500px;
            line-height: 100px;
            letter-spacing: 1px;
        }
    }

    .commitpage-qrcode {
        width: 560px;
        height: 560px;
        margin: 50px auto;
        background: #FFFFFF;
        border-radius: 20px;
        box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.2);
        border: 1px solid rgba(0, 0, 0, 0.1);

        .commitpage-qrcode-qr {
            width: 98%;
            height: 98%;
            margin: 1%;
        }
    }


}